@none:none;
@white:#fff;
@relative:relative;
@absolute:absolute;
html {
      font-size:62.5%
  }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    color: #1e1e1e;
    font-family: Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;
    font-size:1.4rem;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-text-size-adjust:@none;
    background-color: #000;
}
ol, ul {list-style: @none;}
blockquote, q {quotes: @none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: @none;}

/* remember to define focus styles! */
:focus {outline: @none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: @none;}
del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: outside @none @none;
}
blockquote, q {
    quotes: @none;
}

h1, h2, h3, h4, h5, h6, i, em {
    font-style: normal;
    font-weight: normal;
}
h1{
    font-size:1.8rem;
}
input, button, select, textarea {
    border: 0 @none;
    border-radius: 0;
    outline: medium @none;
    vertical-align: middle;
}
a {
    color: #1e1e1e;
    outline: @none;
    text-decoration: @none;
}
a:focus {
    outline: @none;
}
a:active {
    outline: @none;
}
img {
    vertical-align: middle;
}

.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.hide {
    display: @none;
}
.show {
    display: block;
}
.left {
    float: left;
}
.right {
    float: right;
}
.relative {
    position: relative;
}
.relativez {
    position: relative;
}
.absolute {
    position: absolute;
}
.fixed {
    position: fixed;
}
.hidden {
    overflow: hidden !important;
}
.flex{
    display: flex;
    display: -webkit-flex;
    height: 100%;
}
.display{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /**/
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18*/
}